Skip to content

Add Enhance Fonts As They Load pattern#50

Open
sergeychernyshev wants to merge 13 commits intomainfrom
pattern-enhance-fonts
Open

Add Enhance Fonts As They Load pattern#50
sergeychernyshev wants to merge 13 commits intomainfrom
pattern-enhance-fonts

Conversation

@sergeychernyshev
Copy link
Copy Markdown
Collaborator

Summary

  • Adds a new pattern article describing how to use system-font fallbacks, `font-display: swap` and matched metrics to avoid FOIT and minimize FOUT layout shift.
  • Includes a simple SVG thumbnail and reuses the site-wide OG image.

Closes #3

Test plan

  • Run `npm run start` and verify the article renders at `/patterns/enhance_fonts_as_they_load/`
  • Confirm the new pattern appears in the homepage list with thumbnail
  • Confirm the new pattern shows up in the side nav

🤖 Generated with Claude Code

@sergeychernyshev sergeychernyshev force-pushed the pattern-enhance-fonts branch 3 times, most recently from e370307 to 0c9a866 Compare April 26, 2026 17:35
@sergeychernyshev sergeychernyshev self-assigned this Apr 26, 2026
@sergeychernyshev sergeychernyshev changed the base branch from master to main April 26, 2026 23:11
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages Bot commented Apr 26, 2026

Deploying with  Cloudflare Workers  Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status Name Latest Commit Preview URL Updated (UTC)
✅ Deployment successful!
View logs
speedpatterns-com f15e063 Commit Preview URL

Branch Preview URL
Apr 27 2026, 12:41 AM

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

DRAFT New Pattern: Enhance Fonts As They Load

1 participant